<template>
    <div class="owner-info">
        <div class="card-title">
          <h4>301房屋信息</h4>
          <slot name="btn"></slot>
        </div>
        
        <el-divider></el-divider>
        <div class="user-box">
            <p>楼栋：1号楼</p>
            <p>单元：1电源</p>
            <p>房屋编号：301室</p>
            <p>房屋ID：789414456654269</p>
            <p>楼层：3层</p>
            <p>房间数：1</p>
            <p>户型：1010</p>
            <p>建筑面积：108平方米</p>
            <p>单价：10000元/平米</p>
            <p>创建员工：wwww</p>
        </div>

    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.card-title{
    margin-top: 20px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
    p{
      width: 33%;
      margin-bottom: 20px;
    }
}
</style>